<template>
  <div id="sys">
    <el-container>
      <el-aside width="200px">
        <el-menu
          default-active="/home/system/roleConfiguration"
          class="el-menu-vertical-demo"
          background-color="#F6F9FE"
          text-color="#506480"
          active-text-color="#488CEE"
          :router="true"
          >
          
          <el-menu-item index="/home/system/roleConfiguration">
            <i class="el-icon-menu"></i>
            <span slot="title">角色配置</span>
          </el-menu-item>
          <el-menu-item index="/home/system/accessConfiguration">
            <i class="el-icon-menu"></i>
            <span slot="title">权限配置</span>
          </el-menu-item>
          <!-- <el-menu-item index="/home/system/approvalProcess">
            <i class="el-icon-document"></i>
            <span slot="title">审批流程管理</span>
          </el-menu-item> -->
          <el-menu-item index="/home/system/loginLogs">
            <i class="el-icon-setting"></i>
            <span slot="title">用户登录日志</span>
          </el-menu-item>
          <el-menu-item index="/home/system/operationLogs">
            <i class="el-icon-menu"></i>
            <span slot="title">用户操作日志</span>
          </el-menu-item>
        </el-menu>
      </el-aside>
      <el-main>
        <router-view></router-view>
      </el-main>
    </el-container>
  </div>
</template>
<script>
export default{
  data:function(){
    return {

    }
  }
}
</script>
<style scoped>
  * {
    margin: 0;
    padding: 0;
  }
  #sys,
  .el-container,
  .el-menu {
    height: 100%;
  }
</style>
